body {
    background-color: #17191d;
    #first_page {
        display: block;
        .forget_page {
            height: 325/40rem;
            margin: 0 auto;
            margin-top: 152/40rem;
            li{
                width:461/40rem;
//              height: 108/40rem;
                border-bottom: 1/40rem solid #3B9CE0;
                margin: 0 auto;
                padding-bottom: 19/40rem;
                &:nth-child(1) {
                    i {
                        background:url(../image/tel.png) no-repeat left;
                        background-size: cover;
                        width:36/40rem;
                        height:36/40rem;
                        display:inline-block;
                        margin-top:12/40rem;
                        float:left;
                    }
                    input {
                        width:200/40rem;
                        border:none;
                        font-size:28/40rem;
                        color: #81818D;
                        line-height:28/40rem;
                        margin-left:94/40rem;
                        background:none;
                    }
                }
                &:nth-child(2) {
                    position:relative;
                    margin-top: 64/40rem;
                    i {
                        background:url(../image/iden_code.png) no-repeat left;
                        background-size: cover;
                        width:37/40rem;
                        height:31/40rem;
                        display:inline-block;
                        margin-top:12/40rem;
                        float:left;
                    }
                    input {
                        width:200/40rem;
                        border:none;
                        font-size:28/40rem;
                        color: #81818D;
                        line-height:28/40rem;
                        margin-left:94/40rem;
                        background:none;
                        &:nth-child(3) {
                            width: 160/40rem;
                            height: 50/40rem;
                            line-height: 50/40rem;
                            position: absolute;
                            right: 0;
                            bottom: 10/40rem;
                            font-size: 24/40rem;
                            color: #91a1ad;
                            border: 1/40rem solid #3e5565;
                            background-color: transparent;
                            border-radius: 4/40rem;
                        }
                    }
                }
            }
        } 
        .next_page {
            width: 460/40rem;
            height: 70/40rem;
            background-color: #3e5565;
            border-radius: 6/40rem;
            text-align: center;
            line-height: 70/40rem;
            color: #91a1ad;
            font-size: 28/40rem;
            margin: 0 auto;
        }
    }
    
    #second_page {
        display: none;
        .forget_page {
            height: 325/40rem;
            margin: 0 auto;
            margin-top: 152/40rem;
            li{
                width:461/40rem;
//              height: 108/40rem;
                border-bottom: 1/40rem solid #3B9CE0;
                margin: 0 auto;
                padding-bottom: 19/40rem;
                &:nth-child(1) {
                    i {
                        background:url(../image/pwd.png) no-repeat left;
                        background-size: cover;
                        width:36/40rem;
                        height:45/40rem;
                        display:inline-block;
                        float:left;
                    }
                    input {
                        width:200/40rem;
                        border:none;
                        font-size:28/40rem;
                        color: #81818D;
                        line-height:28/40rem;
                        margin-left:94/40rem;
                        background:none;
                    }
                }
                &:nth-child(2) {
                    position:relative;
                    margin-top: 64/40rem;
                    i {
                        background:url(../image/pwd.png) no-repeat left;
                        background-size: cover;
                        width:36/40rem;
                        height:45/40rem;
                        display:inline-block;
                        float:left;
                    }
                    input {
                        width:200/40rem;
                        border:none;
                        font-size:28/40rem;
                        color: #81818D;
                        line-height:28/40rem;
                        margin-left:94/40rem;
                        background:none;
                        &:nth-child(3) {
                            width: 159/40rem;
                            height: 50/40rem;
                            line-height: 50/40rem;
                            position: absolute;
                            right: 0;
                            bottom: 10/40rem;
                            font-size: 24/40rem;
                            color: #3B9CE0;
                            border: 1/40rem solid #3B9CE0;
                            background-color: transparent;
                        }
                    }
                }
            }
        } 
        .goconfirm {
            width: 460/40rem;
            height: 70/40rem;
            background-color: #3e5565;
            border-radius: 6/40rem;
            text-align: center;
            line-height: 70/40rem;
            color: #91a1ad;
            font-size: 28/40rem;
            margin: 0 auto;
        }
    }
    .l_tip_hide {
        display: none;
        width: 244/40rem;
        height: 64/40rem;
        line-height: 64/40rem;
        background-color: #E5EAEE;
        border-radius: 16/40rem;
        font-size: 24/40rem;
        text-align: center;
        color: #17191D;
        margin: 50/40rem auto 0;
        margin-left: 200/40rem;
    }
    footer {
        background:url(../image/bottom.png) no-repeat bottom;
        width:100%;
        height:110/40rem;
        position:fixed;
        bottom:0px;
        background-size:cover;
    } 
}
input::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #81818D;  
}  
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color:    #81818D;  
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
    color:    #81818D;  
}  
input:-ms-input-placeholder { /* Internet Explorer 10+ */  
    color:    #81818D;   
}    
